<!--
 * @Author: yanjikun
 * @Date: 2022-05-18 10:16:28
 * @LastEditors: yanjikun
 * @LastEditTime: 2022-05-18 10:42:54
 * @Description: file content
-->
<template>
  <Result status="404" title="404" sub-title="对不起，您访问的页面不存在。">
    <template #extra>
      <Button type="primary" @click="handleBackHome">返回首页</Button>
    </template>
  </Result>
</template>

<script setup lang="ts">
  import { Result, Button } from 'ant-design-vue'
  import { useRouter } from 'vue-router'
  defineOptions({
    name: 'NotFound',
  })
  const router = useRouter()
  const handleBackHome = () => {
    router.push({ path: '/', replace: true })
  }
</script>

<style scoped></style>
